<html>
<head>
<!-- Reference  external CSS -->
<link rel="stylesheet" type="text/css" href="guncase.css" />

<!-- Reference js external stylesheet, with functions: alert, transform, and xpath -->
<script type="text/javascript" src="MyJS.js">
</script>
</head>

<body onload="getXMLLength(); printTable(1); setIndexOf()">
    
<h2>Gun Collection</h2>

<form name="select_maker">
<p id="indexOf"></p>
<p id="size" style="visibility:hidden;float:right"></p>
<p id="currentIndex" style="visibility:hidden;float:right">1</p>

<table>
<tr>
    <td><button type="button" onclick="first()">First</button></td>
    <td><button type="button" onclick="decrement()">prev.</button></td>
    <td><button type="button" onclick="increment()">next</button></td>
    <td><button type="button" onclick="last()">Last</button></td>
    <td><button type="button" onclick="printAllTable()">Display All</button></td>
</tr>
</table>
<br />
<div id="table"/>
</form>



</body>

</html>